<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>广东友路科技发展有限公司</title>

	<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="prettyphoto/css/prettyPhoto.css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/core.js"></script>
	<script type="text/javascript" src="pngFix/jquery.pngFix.js"></script>
	<script type="text/javascript" src="prettyphoto/js/jquery.prettyPhoto.js"></script>
	<!--[if IE 6]>
	<style>
		#pitch .infoline {margin-top:-74px;}
		.post-options {margin:-55px 0 40px 138px;}
	</style>
	<![endif]-->
	
	
	<!-- edit by zi -->
	   <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="css/ie-fix/ie67.css" />
        <![endif]--> 
        
        <!--[if IE 8]>
            <link rel="stylesheet" type="text/css" href="css/ie-fix/ie8.css">
        <![endif]--> 
        
        <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
        
        <link href="external/bootstrap/css/bootstrap.css" rel="stylesheet"/> <!-- CSS: Bootstrap -->
        <link rel="stylesheet" type="text/css" href="css/getCss.css" /> <!-- CSS: Our css :)  -->
        <link rel="stylesheet" type="text/css" href="external/fancybox/jquery.fancybox-1.3.4.css" /> <!-- CSS: fancybox -->
            
        <!-- Google fonts -->    
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet">
            
        <!-- jQuery -->    
        <script type="text/javascript" src="js/jquery.min.js"></script>    
        <script type="text/javascript" src="external/jquery-ui-1.8.21.custom.min.js"></script>  <!-- JS: effects core + fold and clip -->   
        
        <!-- external stuff -->    
        <script type="text/javascript" src="js/custom.js"></script> <!-- JS: Our script :) -->
        <script type="text/javascript" src="external/fancybox/jquery.fancybox-1.3.4.pack.js"></script> <!-- JS: fancybox - modal image-->
        <script type="text/javascript" src="external/fx.js"></script> <!-- JS: jquery fx used for the bar animation -->
        <script type="text/javascript" src="external/jquery.nicescroll.min.js"></script> <!-- JS: nicescroll - the nice scrolling bar from index -->
        <script type="text/javascript" src="external/jquery.masonry.min.js"></script> <!-- JS: masonry - portofolio new tile script -->
        
        
        <script type="text/javascript" src="external/nivo-slider/jquery.nivo.slider.pack.js"></script> <!-- JS: nivo slider -->
        <link rel="stylesheet" type="text/css" href="external/nivo-slider/nivo-slider.css" /> <!-- CSS: nivo slider -->
        
        <script type="text/javascript" src="external/jquery.bxSlider/jquery.easing.1.3.js"></script> <!-- bx Slider -->
        <script type="text/javascript" src="external/jquery.bxSlider/jquery.bxSlider.min.js"></script> <!-- bx Slider -->
	
</head>
<body>
	<div id="wrapper">         
    <div class="row">
    <div class="span12 portofolio-filters">
        <a href="#" class="portofolio-filterSelected" id="portofolio-all">All Works</a>
        <a href="#" id="portofolio-brands">Brand Identity</a>
        <a href="#" id="portofolio-graphic">Graphic Design</a>
        <a href="#" id="portofolio-photo">Photography</a>
        <a href="#" id="portofolio-web">Web Design</a>
    </div>
    </div>
    
    <div class="row portofolio-imageGridRow portofolio-js portofolio-4-cols">
    
        <div class="span3 portofolio-item portofolio-web">
            <div class="image-wrap">
                <a href="#modal0">
                    <img src="images/image-shadow/portfolio_4_column_img_01.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Fashion photography</div>
            <div class="portofolio-imageGridContent">If you have a location available for shooting.</div>
        </div>
        
        
        <div class="span3 portofolio-item portofolio-brands">
            <div class="image-wrap">
                <a href="#modal1">
                    <img src="images/image-shadow/portfolio_4_column_img_02.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Architecture photo</div>
            <div class="portofolio-imageGridContent">Any exterior or interior view of your company.</div>
        </div>

        
        <div class="span3 portofolio-item portofolio-web">
            <div class="image-wrap">
                <a href="#modal2">
                    <img src="images/image-shadow/portfolio_4_column_img_03.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Food studio</div>
            <div class="portofolio-imageGridContent">His designs communicate a clear point of view.</div>
        </div>
        
        
        <div class="span3 portofolio-item portofolio-brands">
            <div class="image-wrap">
                <a href="#modal1">
                    <img src="images/image-shadow/portfolio_4_column_img_04.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Portret editing</div>
            <div class="portofolio-imageGridContent">Food photography have to be done near chef’s.</div>
        </div>        
    
    
        <div class="span3 portofolio-item portofolio-brands">
            <div class="image-wrap">
                <a href="#modal2">
                    <img src="images/image-shadow/portfolio_4_column_img_05.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Architecture</div>
            <div class="portofolio-imageGridContent">The report supports community engagement.</div>
        </div>
        
        
        <div class="span3 portofolio-item portofolio-photo">
            <div class="image-wrap">
                <a href="#modal1">
                    <img src="images/image-shadow/portfolio_4_column_img_06.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Wedding dress</div>
            <div class="portofolio-imageGridContent">Vast amount of work in the field of design.</div>
        </div>

        <div class="span3 portofolio-item portofolio-web">
            <div class="image-wrap">
                <a href="#modal0">
                    <img src="images/image-shadow/portfolio_4_column_img_09.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Querty ilusion</div>
            <div class="portofolio-imageGridContent">To make a film that deals with sense and style.</div>
        </div>
        
        
        <div class="span3 portofolio-item portofolio-web">
            <div class="image-wrap">
                <a href="images/image-shadow/portfolio_4_column_img_10.jpg">
                    <img src="images/image-shadow/portfolio_4_column_img_10.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Compact design photo</div>
            <div class="portofolio-imageGridContent">Time needed for the dresser make-up artist.</div>
        </div>
 
    
      
        <div class="span3 portofolio-item portofolio-graphic">
            <div class="image-wrap">
                <a href="#modal1">
                    <img src="images/image-shadow/portfolio_4_column_img_07.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Pixels</div>
            <div class="portofolio-imageGridContent">But I think with modern architecture.</div>
        </div>
        
        
        <div class="span3 portofolio-item portofolio-web">
            <div class="image-wrap">
                <a href="#modal2">
                    <img src="images/image-shadow/portfolio_4_column_img_08.jpg" alt=""/>
                </a>
            </div>
            <div class="portofolio-imageGridTitle">Mass design studio</div>
            <div class="portofolio-imageGridContent">They triumphed over the 230 projects.</div>
        </div>        
  	</div>
 
  	<!-- The modal windows -->
<div style="display: none">
    
    <!-- first modal window ( all links with href="#modal0" will open this window )-->    
    <div id="modal0" class="fancy-modal">
        <div class="container responsive-center">
            <div class="row">
                <div class="span6">
                     <div class="portofolio-imageGridTitle"><h3>Fashion photography</h3></div>
                <div class="portofolio-projectMeta">
                    <a href="#" class="tag">12 May 2012</a>
                    <a href="#" class="tag">Photoshop</a>
                    <a href="#" class="tag">Html</a>
                    <span class="portofolio-for">for Archicad</span>
                </div>
                <div class="portofolio-imageGridContent">If you have a location available for shooting, I will come with the necessary lighting and  equipment. When planning for location fashion photography. </div>           



                <div class="portofolio-nav-wrap">
                        <div class="portofolio-nav-left"></div>
                        <div class="portofolio-nav-right"></div>
                    </div>
                </div>
                <div class="span6 aligncenter">
                    <img src="images/image-shadow/portfolio_2_column_img_01.jpg" alt=""/>
                </div>
            </div>
        </div>
    </div>
    
    <!-- second modal window ( all links with href="#modal1" will open this window )-->    
    <div id="modal1" class="fancy-modal">
        <div class="container responsive-center">
            <div class="row">
                <div class="span6">
                     <div class="portofolio-imageGridTitle"><h3>Food studio session</h3></div>
                <div class="portofolio-projectMeta">
                    <a href="#" class="tag">12 May 2012</a>
                    <a href="#" class="tag">Photoshop</a>
                    <a href="#" class="tag">Html</a>
                    <span class="portofolio-for">for Archicad</span>
                </div>
                <div class="portofolio-imageGridContent">If you have a location available for shooting, I will come with the necessary lighting and  equipment. When planning for location fashion photography. </div>           



                <div class="portofolio-nav-wrap">
                        <div class="portofolio-nav-left"></div>
                        <div class="portofolio-nav-right"></div>
                    </div>
                </div>
                <div class="span6">
                    <img src="images/page-index/page-index-featured-img-1.png" alt=""/>
                </div>
            </div>
        </div>
    </div>
    
    
    <div id="modal2" class="fancy-modal">
        <div class="container responsive-center">
            <div class="row">
                <div class="span6">
                     <div class="portofolio-imageGridTitle"><h3>Food studio session</h3></div>
                <div class="portofolio-projectMeta">
                    <a href="#" class="tag">12 May 2012</a>
                    <a href="#" class="tag">Photoshop</a>
                    <a href="#" class="tag">Html</a>
                    <span class="portofolio-for">for Archicad</span>
                </div>
                <div class="portofolio-imageGridContent">If you have a location available for shooting, I will come with the necessary lighting and  equipment. When planning for location fashion photography. </div>           



                <div class="portofolio-nav-wrap">
                        <div class="portofolio-nav-left"></div>
                        <div class="portofolio-nav-right"></div>
                    </div>
                </div>
                <div class="span6">
                    <img src="images/image-shadow/portfolio_2_column_img_03.jpg" alt=""/>
                </div>
            </div>
        </div>
    </div>
</div>
  	

	</div>
	</div>
</body>
</html>